<template>
  <div>
    <common-header :tittle="tittle" :showback="false"></common-header>
    <div class="page-content">
      <img
        src="http://img.pcauto.com.cn/images/upload/upc/tx/auto5/1611/21/c19/30225116_30225116_1479712738933_270x202.jpg"
      >
    </div>
  </div>
</template>

<script>
import { mapMutations, mapGetters, mapState } from 'vuex'
import commonHeader from 'common/common-header'
export default {
  data() {
    return {
      tittle: '我的故事',
      num: 0,
    }
  },
  created() { },
  methods: {
    ...mapMutations({
      setNum: 'SET_NUM'
    }),
    todetail() {
      this.$router.togo('/home/detail')
    }
  },
  components: {
    commonHeader
  },
  computed: {
    ...mapGetters([
      'number'
    ]),
    ...mapState({
      number: state => state.home.number
    })
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import "~style/home.scss";
</style>
